{extend name="default/users/base" /}
{block name="title"}安全设置 - 买家中心{__block__}{/block}
{block name="css"}
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/security.css?v={$v}" rel="stylesheet">
{/block}
{block name="content"}
<div class="wst-user-head"><span>绑定邮箱</span><a href="{:url('home/users/security')}">返回</a></div>
<div class="wst-clear"></div>
{if ($process=='One')}
	<form method="post" id="emailForm" autocomplete="off">
        <table class='wst-form'>
           <tr>
             <th align='right'><font color='red'>*</font>绑定邮箱地址：</th>
             <td>
             <input type='text' class="ipt" id='userEmail' name='userEmail' style='width:250px;' maxLength='30'/>
             </td>
           </tr>
       <tr>
	        <th align='right'><font color='red'>*</font>验证码：</th>
			<td>
				<input id="verifyCode" data-rule="验证码:required" data-target="#verify" style="ime-mode:disabled;width:250px;" name="verifyCode"  class="ipt wst-lfloat" tabindex="6" autocomplete="off" maxlength="6" type="text"/>
				<label class="wst-sec-img">
					<img id='verifyImg' src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg")' style="width:110px;"> 
				</label>      	
			   	<label>&nbsp;看不清？<a href="javascript:WST.getVerify('#verifyImg')" style="color:#69b7b5;">换一张</a></label><span id="verify"></span>
			</td>
		</tr>
           <tr>
           	<th align='right'><font color='red'>*</font>校验码：</th>
             <td style='height:60px;'>
             	<input id="secretCode" style="ime-mode:disabled;width:250px;" name="secretCode"  class="ipt wst-lfloat" tabindex="6" autocomplete="off" maxlength="6" type="text"/>
                 <button id="timeSend" class="wst-sec-but" type="button" onclick="sendEmail()"  style="width:120px;height: 30px;margin-top:5px;">发送验证邮件</button><span id="secretErr"></span>
             </td>
           </tr>
           <tr>
           	<td colspan="2">
           		<button id="next" class="wst-sec-but" type="submit" style="width:120px;height: 30px;margin-left:180px">下一步</button>
           	</td>
           </tr>
        </table>
      </form>
<div id="prompt" class="wst-sec-prompt hide">
	<div class="wst-lfloat">
	<p><span>已发送验证邮箱至：</span><span id="inemail" style=" font-weight: bold;"></span></p>
	<p class="wst-sec-p1">验证邮箱30分钟内有效，请尽快登陆您的邮箱点击验证链接完成验证</p>
	<p style="color:#f10b0b;">(请立即完成验证，邮箱验证不通过则绑定邮箱失败)</p>
	<p class="wst-sec-p1" style="font-weight: bold;">没收到邮箱？</p>
	<p class="wst-sec-p2">1.检查您的垃圾箱或广告箱，邮件有可能被误认为垃圾或广告邮件；或选择<a style="color:#006898;" onclick="location.href=WST.U('home/users/editEmail')">重新发送</a></p>
	</div>
</div>
{/if}
{if ($process=='Three')}
<div class="wst-sec-su">
	<span class="wst-sec-sut"><img src="__STYLE__/img/icon_success.png"/></span>
	<span class="wst-sec-sub">您已成功绑定邮箱！</span>
</div>
{/if}
{/block}
{block name="js"}
	<script type='text/javascript' src='__STYLE__/users/security/security.js?v={$v}'></script>
	<script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.js?v={$v}"></script>
	<script type="text/javascript" src="__STATIC__/plugins/validator/local/zh-CN.js?v={$v}"></script>
	<script>
	$(function(){veemailForm();})
	</script>
{/block}